@charset "utf-8";
/* CSS Document */

/*logo&导航*/
.miugopay_login_header_bg{ width:100%; min-width:990px; background-color:#fff;  }
.miugopay_login_header{ width:990px; margin:0 auto; overflow:hidden; clear:both; }
.miugopay_login_header .mpl_logo{ display:block; background:url(../images/mgpay_logo.jpg) no-repeat; width:437px; height:88px; float:left; }

.miugopay_login_header .mpl_navigation{ width:350px; height:88px; float:right; }
.miugopay_login_header .mpl_navigation ul{position: relative; float:right; height:40px; margin-top:46px; margin-right:14px;}
.miugopay_login_header .mpl_navigation ul li{ float:left; width:75px; text-align:center;  }
.miugopay_login_header .mpl_navigation a{ display:block; color: #555; font-size: 15px; width:75px; height:35px; line-height:30px; text-align:center;   }
.miugopay_login_header .mpl_navigation a:hover{color: #888; text-decoration:none;}
.miugopay_login_header .mpl_navigation .current a { color:#ff9016 !important; cursor:default; text-align:center;}
.miugopay_login_header .mpl_navigation .magic-line { position: absolute; bottom: -2px;  left: 0; width: 75px; height: 3px; background: #ff9016; overflow:hidden;}

/*banner&登录框*/
.miugopay_login_banner{ width:100%; min-width:990px; height:500px; background:#FAF9F4 url(../images/login/banner.jpg) no-repeat center; overflow:hidden;}

.miugopay_login_banner .miugopay_login_box_bg{ width:990px; height:498px; margin:0 auto; overflow:hidden; clear:both; }
.miugopay_login_banner .miugopay_login_box{ float:right; position:relative; margin-top:40px; margin-right:14px; width:310px; background-color:#fff; -moz-box-shadow: 0px 2px 10px #878a8b; -webkit-box-shadow: 0px 2px 10px #878a8b; box-shadow: 0px 2px 10px #878a8b; behavior:url(ie-css3.htc);}

/*tab*/
.miugopay_login_banner .miugopay_login_box .mplb_tab{ overflow:hidden; clear:both; zoom:1;}
.miugopay_login_banner .miugopay_login_box .mplb_tab a{background:#e5e5e5 url(../images/login/nav_bg.jpg) repeat-x; color:#777;  display:block; float:left; width:155px; height:40px; font-size:14px;line-height:40px; text-align:center; }
.miugopay_login_banner .miugopay_login_box .mplb_tab a:hover{ text-decoration:none;}
.miugopay_login_banner .miugopay_login_box a.current{background:#fff; color:#333; cursor:default;  }

.miugopay_login_banner .miugopay_login_box .mplb_tab_content{ padding:20px 20px 10px 20px; _padding:20px 15px 10px 15px; overflow:hidden; clear:both;  zoom:1;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content strong{ font-weight:normal; font-size:13px; letter-spacing:1px;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content strong font{ color:#ff8514; }
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_gif{ overflow:hidden; background:url(../images/login/didigo.gif) no-repeat; width:265px; height:144px; margin:35px 0;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_install{ border:3px solid #ccc; padding:7px 0px; text-align:center; overflow:hidden;}

/*输入框信息*/
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_error{ border:1px solid #ff9016;  overflow:hidden; clear:both; padding:5px; margin-bottom:10px; color:#f85b40;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_error span{ display:inline-block; background:url(../images/login/input_error.jpg) no-repeat; width:18px; height:18px; vertical-align:middle; margin-right:6px;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_error font{ vertical-align:middle; font-size:12px;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from{ overflow:hidden; }
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from ul{zoom:1; overflow:hidden; clear:both;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from ul li{overflow:hidden; clear:both; margin-bottom:10px;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_input_bg{ border:1px solid #ccc; background: #fff url(../images/login/input_bg.jpg) repeat-x ; overflow:hidden; vertical-align:middle; display:inline-block;  }
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_title{ font-size:12px; margin-bottom:5px; color:#777;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_input{ color:#444; font-size:13px; width:220px; padding:9px 7px 9px 7px; border:none; background: #fff url(../images/login/input_bg.jpg) repeat-x; float:left; }

.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_input_code{ width:80px;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_input_bg_code{width:130px; _width:140px; float:left;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_code{float:right; width:130px; overflow:hidden;  vertical-align:middle; }
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_code img{ vertical-align:middle; width:80px; height:37px;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_code a{vertical-align:bottom; margin-left:5px;}

.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_keyboard_click{ display:block; background:url(../images/login/input_bg.jpg) no-repeat left -36px; float:right; width:34px; height:34px;}

/*数字小键盘*/
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_keyboard{ position:relative; margin-top:-1px; overflow:hidden; zoom:1; clear:both; width:270px; _width:280px; display:inline-block; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_keyboard a{ float:left; display:inline-block; width:42px; _width:44px; height:20px; line-height:22px; text-align:center;  border-right:1px solid #ccc; border-top:1px solid #ccc; background-color:#eff9fb;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_from .mplb_keyboard a:hover{ background-color:#aacdff; text-decoration:none;}

/*登录按钮*/
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_btn{ overflow:hidden; clear:both;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_btn a{ display:block; color:#fff; font-size:18px; font-weight:bold; background:url(../images/login/login_btn.jpg) no-repeat; width:279px; height:35px; line-height:35px; text-align:center;}
.miugopay_login_banner .miugopay_login_box .mplb_tab_content .mplb_btn a:hover{ background:url(../images/login/login_btn.jpg) left -35px; text-decoration:none;}

/*登录框底部信息*/
.miugopay_login_banner .miugopay_login_box .mplb_info{ overflow:hidden; margin:0px 0px 20px 20px;}
.miugopay_login_banner .miugopay_login_box .mplb_info .a1{ font-weight:bold; color:#ff8514;}
.miugopay_login_banner .miugopay_login_box .mplb_info .a2{ color:#666;}


/*info*/
.miugopay_login_info_bg{ width:100%; min-width:990px; background:#fff url(../images/login/info_bottom_bg.jpg) repeat-x bottom; padding:30px 0 50px 0; overflow:hidden; margin-bottom:10px;  }
.miugopay_login_info{ overflow:hidden; clear:both; width:990px; margin:0px auto 0px auto; }
.miugopay_login_info h2{ font-size:22px; margin-bottom:10px; color:#333; letter-spacing:1px; float:left; overflow:hidden;}

/*妙购的优势*/
.miugopay_login_info .mli_list{ overflow:hidden; clear:both; padding:40px 0px 40px 0px; margin:0 0 15px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.miugopay_login_info .mli_list ul{zoom:1;}
.miugopay_login_info .mli_list ul li{ float:left; margin:0px 35px 0px 25px; overflow:hidden; }

.miugopay_login_info .mli_list .mlil_icon1,.miugopay_login_info .mli_list .mlil_icon2,.miugopay_login_info .mli_list .mlil_icon3{ display:block; width:67px; height:50px; float:left; background-image:url(../images/login/info_icon.jpg); overflow:hidden;}
.miugopay_login_info .mli_list .mlil_icon1{ background-position:0 0;} /*嘀卡支付*/
.miugopay_login_info .mli_list .mlil_icon2{ background-position:0 -50px;} /*妙购电视商城*/
.miugopay_login_info .mli_list .mlil_icon3{ background-position:0 -100px;} /*买票缴费*/

.miugopay_login_info .mli_list .mlil_text{ float:left;  overflow:hidden; padding-top:3px; }
.miugopay_login_info .mli_list .mlil_text h3{ font-size:16px; font-weight:bold; margin-bottom:4px; color:#333;}
.miugopay_login_info .mli_list .mlil_text font{ font-size:13px; color:#777;}

/*了解妙购卡*/
.miugopay_login_info .mli_info{ float:left; padding-top:7px; margin-left:10px; overflow:hidden; }
.miugopay_login_info .mli_info a{ color:#555; margin:0px 15px; font-size:13px; }

/*妙购电视apk二维码扫描下载*/
.miugopay_qr_code{ overflow:hidden; width:230px; }
.miugopay_qr_code .mqc_big{ padding:10px; background:#fff; border:1px solid #e4e4e4; text-align:center; position:absolute; width:149px; height:auto; bottom:0; right:48px; }

.miugopay_qr_code .mqc_big span{ display:block; background:url(../images/login/QR_Code.jpg) left -40px no-repeat; width:149px; height:149px; overflow:hidden; }
.miugopay_qr_code .mqc_big .mqcb_title{ font-weight:bold; font-size:16px; margin:0px 0px 10px 0px; display:block;}
.miugopay_qr_code .mqc_big .mqcb_download{ font-weight:bold; font-size:13px; margin:5px 0px 0px 0px; display:block; }

.miugopay_qr_code .mqc_small{overflow:hidden; padding:5px; background:#fff; border:1px solid #e4e4e4;  position:absolute;  bottom:0; right:0;}

.miugopay_qr_code .mqc_small a{ text-align:center; overflow:hidden; display:block; width:37px; text-decoration:none; cursor:pointer;}
.miugopay_qr_code .mqc_small a span{ display:block; background: url(../images/login/QR_Code.jpg) no-repeat; width:34px; height:34px; margin:0 auto;}
.miugopay_qr_code .mqc_small a font{ display:block; font-size:12px; color:#C2C2C2;}
.miugopay_qr_code .mqc_small a:hover span{background: url(../images/login/QR_Code.jpg) no-repeat -38px 0;}
.miugopay_qr_code .mqc_small a:hover font{color:#ff5b00;}

.miugopay_qr_code .mqc_small a.current{ text-align:center; overflow:hidden; display:block; width:37px; text-align:center; color:#ff5b00; text-decoration:none;}
.miugopay_qr_code .mqc_small a.current span{ display:block; background: url(../images/login/QR_Code.jpg) no-repeat -38px 0; width:34px; height:34px; margin:0 auto;}
.miugopay_qr_code .mqc_small a.current font{ display:block; font-size:12px; color:#ff5b00;}